<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta name = "format-detection" content="telephone = no" />
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>Pulu-经验圈-吃亏事</title>
    <meta content="铺路,铺路经验,铺路网,pulu,PULU,Pulu,付费经验,付费问答,铺路问答" name="keywords">
    <meta name="description" content="铺路科技，概念来源于“走的人多了就成了路”。公司短期目标，提供更便利的“分享”平台，提升每个人的信息利用效率；长期目标，通过互联网改良社会运行模式。">
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/experience.css"/>
    <style>
        .Header .fixed_header .header_main .header_action_buttons{
            right:32px;
        }
        #chat1{
            float: right;
            width:39px;
            height:44px;
            background: url("img/chatlogo.png")no-repeat center;
            background-size:20px ;
            cursor: pointer;
        }
        h2 a img{
            width:20px;
            height:20px;
        }
        .Header .HeaderSwitcher .switcher .inner{
            overflow: hidden;
        }
        /*弹框*/
        #scroll-news{
            display:none;
            font-size:14px;
            -webkit-animation: tip_hide 1s ease-in forwards;
            animation: tip_hide 1s ease-in forwards;
            position:fixed;
            bottom:0;
            max-width: 1000px;
            width:100%;
            height:40px;
            line-height: 40px;
            z-index: 999;
            background: rgba(0,0,0,0.8);
            padding: 0 8.5px;
            box-sizing: border-box;
        }
        #scroll-news .rotating-news {
            -webkit-perspective: 320px;
            perspective: 320px;
        }
        #scroll-news .rotating-news>div{  width:100%;  }
        #scroll-news .rotating-news>div>span b{
            color:red;
            font-weight: bold;
            padding-right:5px;
        }
        #scroll-news .rotating-news>div>span:last-child{
            padding-left: .05rem;
            color: #fff;
        }
        #scroll-news .module_ui span{color: #fff;}
        #barword{
            /*margin-left:50px;*/
            /*margin-right:80px;*/
            /*white-space: initial;*/
            /*line-height: 1.4;*/
            display:inline-block;
            color:#fff;
        }
        input[type='checkbox']{
            vertical-align: middle;
            width:14px;
            height:14px;
        }
        .HeaderSwitcherItem{padding-left:0;}
        .HeaderSwitcherItem a {  padding: 9px 6px 7px;  }
    </style>
    <link rel="stylesheet" href="css/expnavlist.css"/>
    <link rel="stylesheet" href="css/expnavnone.css"/>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
<div class="PageWrapper mweb" id="page_wrapper" style="display:block;">
    <!-- 头部导航条-->
    <div class="Header" id="header">
        <div class="fixed_header">
            <div class="header_main mweb_lookup_bar_has_input">
                <a class="logo symbol_logo"  id="logo"></a>
                <div class="header_action_buttons mweb_lookup_bar_has_input">
                    <div class="mweb_lookup_bar_input_wrapper mweb_lookup_bar_input_wrapper_fake">
                        <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                            <div id="gotosearch"></div>
                            <input id="searchinput" type="text" placeholder="输入关键词搜索相关经验" style="width:100%"/>
                        </div>
                    </div>
                </div>
                <a class="logo symbol_logo"  id="chat1"></a>
            </div>
            <ul class="header_nav">
                <li class="NotifsNavItem HeaderNavItem">
                    <a id="quebtn">
                        <div class="label">问题圈</div>
                    </a>
                </li>
                <li class="HeaderNavItem OpenQsNavItem is_active">
                    <a id="answer1">
                        <div class="label">经验圈</div>
                    </a>
                </li>
                <li class="HeaderNavItem HomeNavItem">
                    <a id="read1">
                        <div class="label">同路人</div>
                    </a>
                </li>
                <li class="ProfileNavItem HeaderNavItem">
                    <a id="set1">
                        <p id="newnotenotice" style="display:none"></p>
                        <div class="label">我</div>
                    </a>
                </li>
            </ul>
            <!-- 四个导航-->
            <div class="HeaderSwitcher ReadSwitcher SubHeader" style="display:block;white-space: nowrap;">
                <div class="switcher">
                    <ul class="inner">
                        <li class="HeaderSwitcherItem is_active">
                            <a class="link" id="chikui">
                                <div class="label">吃亏事</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="expbtn">
                                <div class="label">全部</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="huasuan">
                                <div class="label">划算</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="xinqi">
                                <div class="label">新奇</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="dianying">
                                <div class="label">电影推荐</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="fandian">
                                <div class="label">饭店推荐</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="youwan">
                                <div class="label">游玩</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="shu">
                                <div class="label">书</div>
                            </a>
                        </li>

                        <li class="HeaderSwitcherItem">
                            <a class="link" id="qita">
                                <div class="label">其他</div>
                            </a>
                        </li>

                        <li class="HeaderSwitcherItem" style="display:none">
                            <a class="link" id="exphei">
                                <div class="label">高额区</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="expnear">
                                <div class="label">附近</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="friexp">
                                <div class="label">好友经验</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" href="myquestionlist1nav.html">
                                <div class="label">我的经验</div>
                            </a>
                        </li>
                        <li class="HeaderSwitcherItem">
                            <a class="link" id="askyou">
                                <div class="label">召唤我</div>
                            </a>
                        </li>

                        <li class="HeaderSwitcherItem">
                            <a class="link" id="jyrulepage">
                                <div class="label">规则说明</div>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 弹框-->
                <div id="scroll-news">
                    <div class="module_ui rotating-news">
                        <div>
                            <span style="padding-right:5px;margin-right:5px;border-right:1px solid #666;height: 16px;margin-top: 17px;line-height: initial;"><b>·</b>提示</span>
                            <!--<p class="rt">-->
                                <!--<input type="checkbox"/>-->
                                <!--<span>不再显示</span><span></span>-->
                            <!--</p>-->
                            <div id="barword">
                                <div>
                                    分享经验就能赚钱
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面主体-->
    <div class="wrapper home_feed">

        <!-- 经验主体-->
        <div class="SimpleToggle Toggle HomeMainFeed" id="explist" style="display:block;">
            <!--加载部分 -->
            <div class="addlistplace"></div>
            <!-- 请稍等-->
            <div id="pleasewait1">
                <div class="waitbox">
                    <div id="waiting1">加载中...</div>
                    <div id="nonews1" style="display:none">没有更多信息</div>
                </div>
            </div>
        </div>

    </div>
</div>
<!-- 快捷按钮-->
<div class="quick" style="display: block;font-size:16px">
    <div>
        <div>
            <div>我也<br/>说说</div>
        </div>
    </div>
    <div>我也有划算的事</div>
</div>
<!--<div class="quick1" id="refreshbtn" style="font-size:16px"></div>-->
<!-- 快捷列表-->
<div class="quicklist" style="display: none;">
    <div class="quickexp">
        <div>经验</div>
        <div class="qimgbox"></div>
    </div>
    <div class="quickquestion">
        <div>问题</div>
        <div class="qimgbox"></div>
    </div>
</div>
<div id="quickexplist">
    <div class="box">
        <div class="listbtn">
            <div id="nomexp" style="border-bottom:1px solid #e2e2e2">普通经验（最高9分钱）</div>
            <div id="heiexp" style="border-bottom:1px solid #e2e2e2">高额经验（1元起）</div>
            <div>发经验可以赚钱，好友点击就会付费</div>
        </div>
    </div>
</div>
<!-- 弹出框2-->
<div class="modal_bg modal_bg2" style="display: none;"></div>
<!--分享付费提示-->
<div class="action_menu_container sharepaymob" style="display:none;">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button sharepayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px; display:block;">
                您的账户余额不足！
            </a>
            <a class="mweb_action_button askpayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px;">
                请在 “设置”、“个人账户” 中进行充值。
            </a>
            <a class="mweb_action_button" id="okgobtn">确定</a>
            <a class="mweb_action_button cancel3">取消</a>
        </div>
    </div>
</div>
<!-- 还没有登陆提示-->
<div id="notlogin" style="display:none;">
    <div id="outborder" style="height:99px;">
        <div>
            <div id="notloginword">您还未登陆，登陆后可查看完整内容。</div>
            <div id="gotologinbox">
                <div id="gotozhuce" class="rt"><a href="index.html">注册</a></div>
                <div id="gotologin" class="lf"><a href="login.html">登录</a></div>
            </div>
        </div>
    </div>
</div>
<!--高额经验提醒-->
<div id="heightexpdiv">
    <div>
        <div class="heightexpform">
            <div>
                <div class="title">提示</div>
                <div class="noteword">该经验为高额经验，需花费<span id="heightexpscore"></span>元，确定进入吗？</div>
                <div class="btndiv">
                    <div id="heightexpok" class="rt">确定</div>
                    <div id="heightexpno" class="rt">取消</div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="ftnjs/getexpftn.js"></script>
<script src="ftnjs/isweixin.js"></script>
<script src="ftnjs/codetofacejs.js"></script>
<script src="js/tohref.js"></script>
<script>

    var canscroll="no";
    document.querySelector(".HeaderSwitcher .inner").addEventListener("touchstart", touchStart, true);
    function touchStart(){
        $(".HeaderSwitcher .switcher .inner").css("overflow","auto");
    }
    //用户ID 全用cookie保存
    var urlfrom=location.href;
    var id=$.cookie("MYID");
    if(id&&id!="undefined"){
        id=$.cookie("MYID");
    }else{
        //location.href="login.html"
    }
    //提醒
    var newstimeout;
    function targetnews(){
        newstimeout=setTimeout("closenews()",5000);
    }
    function closenews(){
        clearTimeout(newstimeout);
        $("#scroll-news").fadeOut(1000);
//        newstimeout=setTimeout("shownews()",21000);
    };
    function shownews(){
        $("#scroll-news").fadeIn(1500,targetnews);
    };
//    localStorage.getItem("closeQJY")==="yes"?"":shownews();
//    $("#scroll-news").fadeIn();
    //关闭提醒
    $("#scroll-news p").click(function(){
        var los=window.localStorage;
        los.setItem("closeQJY","yes");
        $("#scroll-news").remove();
    })
</script>
<script src="ftnjs/urlnote.js"></script>
<script src="ftnjs/sendfaceftn.js"></script>
<script src="js/pulupagejyall.js"></script>
<script src="ftnjs/newnotenotice.js"></script>
<script>
    $("#outborder").css("marginTop",(window.screen.height-120)/2);
    if(document.getElementById("notlogin").style.display==="block"){
        $('html,body,#page_wrapper').addClass('overhidden');
    }
    $("#expshowlistbtn").click(function(){
        if($("#expnavlist").css("display")==="block"){
            $("#expnavlist").css("display","none")
        }else{
            $("#expnavlist").css("display","block")
        }
    })
</script>
</body>
</html>